<template>
  <div  class="empty">
      <img  src="../../assets/img/empty.png"/>
      <slot>
      <span>{{text||"没有您需要的信息哦！"}}</span>
      </slot>
  </div>
</template>

<script>
export default {
  name: 'empty',
  props:["text","html"],
  components: {
  },
  created:function(){
    //   let _this=this;
    //   setTimeout(function(){
    //     _this.show=true;
    //   },500)
  },
  data: function () {
    return {
      show:false
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .empty{
        text-align: center;
        font-size: 0.24rem;
        padding-top: 1rem;
        background: #F5F5F5;
    }
    .empty img{
        display: block;
        margin: auto;
    }
    .empty span{
        margin-bottom: 0.2rem;
        display: inline-block;
    }
</style>
